<template>
  <div id="app">
    <router-view></router-view>
    <!-- 给tarBar留位置，这样tarBar一直留在页面中，
    当到搜索页，就不要tarBar了，用isTabShow判断，当isTabShow是true，才显示tarBar，否则不显示，
    isTarShow写在路由那页
     -->
    <tab-bar v-if="$route.meta.isTabShow"></tab-bar>
  </div>
</template>

<script>
import tabBar from "@/components/tabBar/index.vue"
export default {
  data() {
    return {};
  },
  methods: {},
  components: {
    tabBar
  }
};
</script>

<style lang='less'>
/* 
  去除元素中的预定义样式采用的手段是：
  margin:0;
  padding:0;
  在vue中有一个插件，就是为了去除这些元素预定义样式的
  reset-css
  引入这个插件后，发现我们设置的字体样式失效了，
  是因为在这个插件中字体大小是 以100%计算的rem
  我们需要的是以100px计算的，目前 插件的样式权重高于我们自己设置的样式
 */

/* 
  在移动端开发过程中，单位需要设置为rem
  1rem=100px
  16px=.16rem
 */
#app {
  background-color: #efefef;
  min-height: 100%;
  font-size: 0.16rem;
}
html,
body {
  height: 100%;
  font-size: 100px!important;
}
</style>
